<%@page import="com.mysql.jdbc.Blob"%>
<%@page import="java.sql.Connection"%>
<%@page import="javax.servlet.http.HttpSession"%>
<%@page import="java.sql.SQLException"%>
<%@page import="java.io.OutputStream"%>
<%@page import="java.io.IOException"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.util.List"%>
<%@page import="java.util.Vector"%>
<%@page import="ufc.web.conexaoBD.*"%>
<%@page import="ufc.web.funcoes.*"%>
<%@page import="ufc.web.objetos.*"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Livros</title>

<script type="text/javascript" src="bootstrap/js/jquery.js"></script>

<link href="bootstrap/css/bootstrap.css" rel="stylesheet"
	type="text/css" />

<link rel="stylesheet" type="text/css" href="css/livros.css">

<link rel="shortcut icon" href="imagens/logoOficial.png">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<style type="text/css">
#produto2 {
	display: none;
}
</style>
</head>

<body>
	<%
		int k;
		HttpSession sessao = request.getSession();
		String usuario = (String) sessao.getAttribute("logadoUser");
	%>

	<div class="container" id="container">

		<div class="page-header" id="nomeSite">
			<div id="logo">
				<a href="Livros.jsp"><img src="imagens/logoOficial.png"
					class="img-rounded" alt="Logo marca" height="100"></a>
			</div>

			<h1>FAST ROUTE</h1>
			<ul class="nav nav-pills" id="painelMenu">
				<li class="active "><a href="Livros.jsp?numero=1">Inicio</a></li>
				<li><a href="Carrinho.jsp?pg=Livros">Carrinho de compras<br>
						<%
							if (request.getParameter("isVazio") != null) {
								out.print("Carrinho vazio");
							}
						%></a></li>
				<%
					if (usuario != null) {
				%>
				<li><a
					href="controlador?acao=ConsultaCliente&&modoDeConsulta=porID">Conta</a>
				<li>
				<li><a href="controlador?acao=EncerraSessao">Sair</a></li>
				<div class="login">
					<h4>
						Bem vindo
						<%=usuario%>
					</h4>
				</div>
				<%
					} else {
				%>
				<li><a href="CadastroCliente.jsp">Cadastro</a></li>
				<li><a href="Login.jsp">Login </a> <%
 	}
 %>
			</ul>

		</div>



			<%
			int limite = 4;
			int offset;
			int numeroPagina;
			String numeroParametro = request.getParameter("numero");
			if (numeroParametro == null) {
				numeroPagina = 1;
			} else {
				numeroPagina = Integer.parseInt(numeroParametro);
			}
			offset = (limite * numeroPagina) - limite;
			List<Livros> listaLivros = new Vector<Livros>();

			try {
				String consulta = "select * from livro limit 4 offset "
						+ offset;
				Connection con = ConnectionFactory.getConnection();
				PreparedStatement ps = con.prepareStatement(consulta);

				ResultSet res = ps.executeQuery();

				while (res.next()) {
					Livros livros = new Livros();
					livros.setId(res.getInt("id"));
					livros.setTitulo(res.getString("titulo"));
					livros.setAutor(res.getString("autor"));
					livros.setValor(res.getDouble("valor"));
					livros.setISBN(res.getString("ISBN"));
					listaLivros.add(livros);
				}

				con.close();
				ps.close();
			} catch (SQLException e) {
				System.out.println(e.getMessage());
			}
		%>



		<div class="panel panel-default" id="containerDeLivros">
			<div id="paginacao">
				<ul class="pagination">
					<li><a href="#">&laquo;</a></li>
					<li id="p1"><a href="controlador?acao=Paginacao&&numero=1">1</a></li>
					<li id="p2"><a href="controlador?acao=Paginacao&&numero=2">2</a></li>
					<li id="p3"><a href="controlador?acao=Paginacao&&numero=3">3</a></li>
					<li id="p4"><a href="controlador?acao=Paginacao&&numero=4">4</a></li>

					<li><a href="#">&raquo;</a></li>
				</ul>
			</div>
			<div class="panel-heading" id="headingPainel">Livros</div>
			<div class="livros">
				<table class="table">
					<tr>
						<%
							for (k = 0; k < listaLivros.size(); k++) {
								int i = listaLivros.get(k).getId();
						%>
						<td><div class="meuLivro">
							<div class="pos">
								<div class="addCar">
									<a
										href="controlador?acao=Carrinho&&meio=add&&opcao=add&&id=<%=i%>&&numero=<%=numeroPagina%>"><button
											class="btn btn-mini btn-primary" id="addCar">Adicionar ao
											carrinho</button></a>
								</div>
								<div class="colecao">
								<div class="miniatura">
										<img src="controlador?acao=JPEG&&id=<%=listaLivros.get(k).getId()%>" >
									</div>
									<div class="info">
									<div class="autor"><%=listaLivros.get(k).getAutor()%></div>
										<%=listaLivros.get(k).getTitulo()%>
										<h2>
											Por R$
											<%=listaLivros.get(k).getValor()%></h2>
									</div>
								</div>
							</div>
							</div>
						</td>
						<%
						
						}
						%>
</tr>

					
				</table>
			</div>
		</div>



	</div>

</body>
</html>
